@charset "utf-8";
@import "_reset";

body {
  // 主体内容盒子
  .content_box {
    width: vw(590);
    height: vw(839);
    background-color: #fff;
    // opacity: 0.6;
    background-color: rgba($color: white, $alpha: 0.6);
    box-shadow: 1px 2px 10px 1px gray;
    margin: 0 auto;
    margin-top: vw(170);
    // bfc
    overflow: hidden;

    // 名字
    .user_name {
      border-bottom: 1px solid #000;
      width: 40%;
      display: flex;
      justify-content: space-between;
      margin: vw(100) 0 vw(66) vw(29);
    }

    // 欢迎词
    .star_text {
      margin-bottom: vw(60);
      font-size: vw(26);
      color: #434242;
      text-indent: 2em;
      margin: 0 vw(28);
    }

    // 二维码
    .QRcode {
      width: vw(265);
      height: vw(265);
      border: 2px solid #000;
      margin: 0 auto;
      margin-top: vw(60);
      margin-bottom: vw(20);
      opacity: 1;

      img {
        width: 100%;
        height: 100%;
      }
    }

    // 保存按钮
    .save_btn {
      width: vw(187);
      height: vw(57);
      background-color: #ffffff;
      box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.39);
      border: 1px solid #000;

      border-radius: vw(28.5);
      margin: 0 auto;
      text-align: center;

      margin-bottom: vw(48);

      button {
        border: none;
        background-color: transparent;

        color: #0075c1;
        font-size: vw(24);
        line-height: 28px;
      }
    }

    // 结束语
    .end_text {
      margin-bottom: vw(60);
      font-size: vw(26);
      color: #434242;
      text-indent: 2em;
      margin: 0 vw(28);
    }
  }
}
